<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>更多</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../../css/all.css">
		<link rel="stylesheet" type="text/css" href="more.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<style>
			body {
				font-family: "微软雅黑";
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #000;
				text-decoration: none;
			}
			.list-block .item-inner:after {
				content: none;
			}
			.bar {
				z-index: 0;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<!-- 你的html代码 -->
			<div class="page">
				<header class="bar bar-nav" id="header">
					<a class="pull-left" id="back"><i class="icon iconfont icon-xiangzuo1" style="font-size: 28px;color: #999"></i></a>
					<!--<a class="icon icon-refresh pull-right"></a>-->
					<h1 class="title">更多</h1>
					<a id="recommend" style="position:absolute;top:3px;right:8px; height: 44px; line-height: 44px; color:#2795c5; font-size: 14px;">推荐记录</a>
				</header>
				<div class="content" style="background-color: #f6f6f6;">
					<div class="content" data-distance="50" style="background-color: #f0f0f0;">
						<div class="list-block">
							<ul>
								<li class="item-content" style="border-bottom: 10px solid #f0f0f0; margin-top: 10px;" ontouchstart='touchstart(this)'>
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner">
										<div class="item-title" style="width: 100%">
											消息推送
										</div>
										<section class="model-2">
											<div class="checkbox">
												<input type="checkbox" id="messageStatus" checked="checked"/>
												<label></label>
											</div>
										</section>
										<!--<img src="../../images/jiantou.png"/>-->
									</div>
								</li>
								<li class="item-content" style="border-bottom: 1px solid #ededed;" ontouchstart='touchstart(this)' id="getmark">
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner create-sex">
										<div class="item-title" style="width: 100%">
											去评分
										</div>
										<!--<img src="../../image/jiantou.png"/>-->
										<i class="icon iconfont icon-xiangyou1" style="font-size: 20px;color: #ddd"></i>
									</div>
								</li>
								<li class="item-content shareAll" style="border-bottom: 1px solid #ededed;" ontouchstart='touchstart(this)'>
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner">
										<div class="item-title" style="width: 100%">
											分享给好友
										</div>
										<!--<input type="text" id='datetime-picker' style="text-align: right; padding-right:14px; " value="1991-1-1"/>-->
										<!--<img src="../../image/jiantou.png"/>-->
										<i class="icon iconfont icon-xiangyou1" style="font-size: 20px;color: #ddd"></i>
									</div>
								</li>
								<!--<li class="item-content alert-text-title" style="border-bottom: 10px solid #f0f0f0;" ontouchstart='touchstart(this)'>
									<div class="item-media">
										<i class="icon icon-f7"></i>
									</div>
									<div class="item-inner">
										<div class="item-title" style="width: 100%">
											检测更新
										</div>
										<i class="icon iconfont icon-xiangyou1" style="font-size: 20px;color: #ddd"></i>
									</div>
								</li>-->
							</ul>
							<!--<button class="nothing create-actions">
								清除缓存(1.48MB)
							</button>
							<div class="tips">
								<img src="../../image/tipsRight.png"/>
								<p>
									恭喜 ! 缓存已清理
								</p>
							</div>-->
						</div>
					</div>
					
				</div>
				<div class="photo" id="photo">
						<div class="share_center">
							<p class="share_title">
								分享到
							</p>
							<ul class="share">
								<li id="qq_share">
									<a href="javascript:;"> <img src="../../image/moreOne.png"/>
									<div>
										QQ
									</div> </a>
								</li>
								<li id="wx_share">
									<a href="javascript:;"> <img src="../../image/morenTwo.png"/>
									<div>
										微信
									</div> </a>
								</li>								
								<li id="sms_share">
									<a href="javascript:;"> <img src="../../image/moreFour.png"/>
									<div>
										短信
									</div> </a>
								</li>
							</ul>
							<button class="share_sub">
								取消
							</button>
						</div>
					</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/progressutil.js"></script>
	<script type="text/javascript" src="more.js"></script>
	<script>
		function touchstart(o) {
			o.style.backgroundColor = '#eaeaea';
			var aDiv = document.getElementsByTagName('li');
			for (var i = 0; i < aDiv.length; i++) {
				aDiv[i].id = 'li' + i;
				// var aa=aDiv.setAttribute("id",'li'+i);
				if (aDiv[i].id == o.id) {
					setTimeout(function() {
						test(o.id);
					}, 1000 * 0.2);
				}
			}
		}

		function test(ss) {
			var aa = document.getElementById(ss);
			aa.style.background = "#fff";
		}


//		$(document).on('click', '.create-actions', function() {
//			var buttons1 = [{
//				text : '清除数据缓存',
//				bold : true,
//				color : 'danger'
//			}];
//			var buttons2 = [{
//				text : '取消'
//			}];
//			var groups = [buttons1, buttons2];
//			$.actions(groups);
//		});
		$(document).on('click', '.shareAll', function() {
			$('#photo').show();
		});
		$(document).on('click', '.share_sub', function() {
			$('#photo').hide();
		});
//		$(document).on('click', '.alert-text-title', function() {
//			$.alert('提示', '已是最新版本');
//		});
	</script>
</html>